{{extend './layout.html'}}
{{block 'body'}}
{{include './partials/header.html'}}
<!-- Main jumbotron for a primary marketing message or call to action -->
<div class="jumbotron">
  <div class="container">
    <h1 class="display-3">Hello, world!</h1>
    <p>This is a template for a simple marketing or informational website. It includes a large callout called a jumbotron and three supporting pieces of content. Use it as a starting point to create something more unique.</p>
    <p><a class="btn btn-primary btn-lg" href="#" role="button">Learn more &raquo;</a></p>
  </div>
</div>

<div class="container">
  <!-- Example row of columns -->
  <div class="row">
    {{each blogList}}
    <div class="col-md-4">
      <h2>{{$value.title}} </h2>
      <p class="h6">作者1：{{$value.userName}}</p>
      <p>{{$value.content}} </p>
      <p><a class="btn btn-primary" href="/publish/toDetail/{{$value.id}}/index" role="button">View details &raquo;</a></p>
    </div>
    {{/each}} 
  </div>

  <hr>
  <footer>
    <p>&copy; Company 2017</p>
  </footer>
</div> <!-- /container -->
<script type="text/javascript" src="bundle.js"></script>
{{/block}}